<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js练习</title>
</head>
<body>
<p id="test_p">wo</p>
<p id="test_p1">shi</p>
<p id="test_p3">p标签</p>
<script>
/**
 * 写个标签以后就可以写js代码了
 * */
document.writeln("<pre>编写文本拿到url内容"+document.URL)
document.writeln("编写文本拿到url内容"+document.location)
var p_tag = document.getElementsByTagName('p')
console.log('p标签个数'+p_tag.length)
document.writeln('\np标签个数'+p_tag.length)
for (var i = 0; i < p_tag.length; i++) {
document.writeln('\np标签id'+p_tag[i].id)
	//根据style来设置属性 属性 为引号中内容
	//设置边框属性
	p_tag[i].style.border = "medium double black"
	//设置padding属性
	p_tag[i].style.padding = "4px"

}
document.writeln('</pre>')

</script>
</body>
</html>